<template>
	<view class="Column width100" style="height: 100%; background-color: F7F7F7;">
		<view class="Row width100" style="height: 300upx; background-color: #D9DD79 ;">
			<view class="Flex1" style="display: flex; align-items: center;  justify-content: center;  padding: 0;">
				<image src="../../static/tarbar/fujin-weixaunzhong@3x.png" style="width: 140upx; height: 140upx;"></image>
			</view>

			<view class="Column" style="flex: 2.5; display: flex; justify-content: center; ">
				<text class="f-size-title ">{{ title1 }}</text>
				<text class="f-size-content m-top40" >{{ describe1 }}</text>
				<text class="f-size-content m-top40">{{ address1 }}</text>
			</view>
		</view>
		
		<view class="Row width100" style="height: 300upx; background-color: #8DE0D9  ;">
			<view class="Flex1" style="display: flex; align-items: center;  justify-content: center; ">
				<image src="../../static/tarbar/fujin-weixaunzhong@3x.png" style="width: 140upx; height: 140upx;"></image>
			</view>
		
			<view class="Column" style="flex: 2.5; display: flex; justify-content: center; ">
				<text class="f-size-title ">{{ title2 }}</text>
				<text class="f-size-content m-top40" >{{ describe2 }}</text>
				<text class="f-size-content m-top40">{{ address2 }}</text>
			</view>
		</view>
		
		<button class="margin30 m-top40" type="warn" @click="apply()" >{{applyText}}</button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title1: '配货送货',
			describe1: '将同学的订单进行商品打包，并送到同学宿舍',
			address1: '工作地点：校内',

			title2: '宣传推广',
			describe2: '海报张贴，发放传单，活动摆摊等.',
			address2: '工作地点：校内',
			applyText:'申请'
		};
	},
	methods: {
		apply(){
			uni.navigateTo({
				url:'part_time/apply_part_time'
			})
		}
	}
};
</script>

<style>
.f-size-title {
	font-size: 56upx;
	color: #ffffff;
}
.f-size-content {
	font-size: 32upx;
	color: #ffffff;
}
.m-top40{
	margin-top: 40upx;
}

</style>
